<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/interno.xhtml">
	<ui:define name="corpo">

		<f:loadBundle var="msg" basename="mensagens" />
		<h:form id="frmCli">

			<h:panelGrid columns="3" id="cli">

				<h:outputLabel value="CPF/CNPJ:" for="cpfCnpj" />
				<p:inputText id="cpfCnpj" required="true"
					requiredMessage="#{msg.msgCampo}"
					value="#{clienteBean.cliente.cnpjCpf}" size="14" maxlength="14"
					style="font-size:15px" readonly="#{clienteBean.readOnly}">
					<f:ajax event="change" listener="#{clienteBean.validaCpjCnpj}"
						render="cpfCnpj msgCpfCnpj" />
				</p:inputText>
				<p:message id="msgCpfCnpj" for="cpfCnpj" />


				<h:outputLabel value="RG/Inscr. Est.:" for="rgIe" />
				<p:inputText id="rgIe" value="#{clienteBean.cliente.inscEstRg}"
					size="14" style="font-size:15px" maxlength="15">
				</p:inputText>
				<p:message id="msgRgIe" for="rgIe" />

				<h:outputLabel value="Tipo Cliente" for="tipoCliente" />
				<p:selectOneMenu id="tipoCliente"
					value="#{clienteBean.cliente.tipoCliente}"
					converter="converterTipoCliente" required="true"
					requiredMessage="Selecione um tipo">
					<f:selectItem itemValue="" itemLabel="Selecione" />
					<f:selectItems value="#{tipoClienteBean.lista}" var="tipo"
						itemValue="#{tipo}" itemLabel="#{tipo.descricao}" />
				</p:selectOneMenu>
				<p:message id="msgTipo" for="tipoCliente" />

				<h:outputLabel value="Vendedor:" for="vendedor" />
				<p:selectOneMenu id="vendedor"
					value="#{clienteBean.cliente.vendedor}" required="true"
					requiredMessage="Selecione um vendedor">
					<f:selectItem itemValue="" itemLabel="Selecione" />
					<f:selectItems value="#{vendedorBean.lista}" var="vend"
						itemValue="#{vend}" itemLabel="#{vend.nomeRsocial}" />
				</p:selectOneMenu>
				<p:message id="msgVend" for="vendedor" />

				<h:outputLabel value="Nome/Razão Social:" for="nomeRsocial" />
				<p:inputText id="nomeRsocial" required="true"
					requiredMessage="#{msg.msgCampo}"
					value="#{clienteBean.cliente.nomeRsocial}" maxlength="50" size="53"
					style="font-size:15px" />

				<p:message id="msgNomeRsocial" for="nomeRsocial" />

				<h:outputLabel value="Nome Fantasia:" for="nomeFantasia" />
				<p:inputText id="nomeFantasia"
					value="#{clienteBean.cliente.nomeFantasia}" size="53"
					style="font-size:15px" maxlength="50" />
				<p:message id="msgNomeFantasia" for="nomeFantasia" />

				<h:outputLabel value="CEP:" for="cep" />
				<p:inputText id="cep" value="#{clienteBean.cliente.cep}" size="7"
					required="true" requiredMessage="#{msg.msgCampo}"
					validatorMessage="Digite somente numeros">
					<f:ajax event="change" listener="#{clienteBean.buscaPorCep}"
						render="msgCep cep bairro cidade uf endereco" />

				</p:inputText>
				<p:message id="msgCep" for="cep" />

				<h:outputLabel value="Endereço:" for="endereco" />
				<p:inputText id="endereco" required="true"
					requiredMessage="#{msg.msgCampo}"
					value="#{clienteBean.cliente.endereco}" size="53"
					style="font-size:15px" maxlength="50" />
				<p:message id="msgEndereco" for="endereco" />

				<h:outputLabel value="Bairro:" for="bairro" />
				<p:inputText id="bairro" value="#{clienteBean.cliente.bairro}"
					required="true" requiredMessage="#{msg.msgCampo}" size="30"
					style="font-size:15px" maxlength="30" />
				<p:message id="msgBairro" for="bairro" />

				<h:outputLabel value="Cidade:" for="cidade" />
				<p:inputText id="cidade" value="#{clienteBean.cliente.cidade}"
					required="true" requiredMessage="#{msg.msgCampo}" size="30"
					readonly="true" />
				<p:message id="msgCidade" for="cidade" />

				<h:outputLabel value="UF:" for="uf" />
				<p:inputText id="uf" value="#{clienteBean.cliente.uf}"
					required="true" requiredMessage="#{msg.msgCampo}" maxlength="2"
					size="1" style="font-size:15px" readonly="true" />
				<p:message id="msgUf" for="uf" />

				<h:outputLabel value="Telefone:" for="telefone" />
				<p:inputMask mask="(99) 9999-9999" id="telefone"
					value="#{clienteBean.cliente.telefone}" size="11"
					style="font-size:15px" />
				<p:message id="msgTelefone" for="telefone" />

				<h:outputLabel value="Celular:" for="celular" />
				<p:inputMask mask="(99) 9999-9999" id="celular"
					value="#{clienteBean.cliente.celular}" size="11"
					style="font-size:15px" />
				<p:message id="msgCelular" for="celular" />

				<h:outputLabel value="Fax:" for="fax" />
				<p:inputMask mask="(99) 9999-9999" id="fax"
					value="#{clienteBean.cliente.fax}" size="11" style="font-size:15px" />
				<p:message id="msgFax" for="fax" />

				<h:outputLabel value="E-mail:" for="email" />
				<p:inputText id="email" value="#{clienteBean.cliente.email}"
					size="53" style="font-size:15px" maxlength="53"
					validatorMessage="#{msg.emailInvalido}">
					<f:validateRegex pattern="[a-zA-Z0-9\-\_\.]+@[a-zA-Z0-9\-\_\.]+" />
				</p:inputText>
				<p:message id="msgEmail" for="email" />

				<h:outputLabel value="Contato:" for="contato" />
				<p:inputText id="contato" value="#{clienteBean.cliente.contato}"
					size="18" style="font-size:15px" maxlength="20" />
				<p:message id="msgContato" for="contato" />

				<h:outputLabel value="Transportadora:" for="transp" />
				<p:inputText id="transp"
					value="#{clienteBean.cliente.transportadora}" size="53"
					style="font-size:15px" maxlength="50" />
				<p:message id="msgTransp" for="transp" />

				<h:outputLabel value="Obs Financeira:" for="obsFinan" />
				<p:inputTextarea id="obsFinan"
					value="#{clienteBean.cliente.obsFinanceira}"
					style="font-size:15px;width:300px" />
				<p:message id="msgObsFinan" for="obsFinan" />

			</h:panelGrid>

			<p:commandButton value="Salvar" action="#{clienteBean.salvar}"
				ajax="false" />&nbsp;
			<p:commandButton value="Cancelar" action="clienteListar"
				immediate="true" />
		</h:form>


	</ui:define>

</ui:composition>
</html>
